<!DOCTYPE html>
<html>

<head>
    <title>Example</title>
    <meta name="author" content="Adam Freeman">
    <meta name="description" content="A simple example">
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
</head>
<style type="text/css">
    #fruittext {
        width: 400px;
        margin: 5px;
        padding: 5px;
        border: medium double black;
        background-color: lightgrey;
        /* 空白处理方式，文本会在一行排满或遇到换行符时换行 */
        white-space: pre-line;
    }
</style>

<body>
    <p id="fruittext">
        There are lots of different kinds of fruit - there are over 500 varieties

        of banana alone. By the time we add the countless types of apples, oranges, and other well-known fruit, we are faced with thousands of choides.

        One of the most interesting aspects of fruit is the
        variety available in each country. I live near London,

        in an area which is
        known for its apples.

    </p>

</body>

</html>